<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>对话框测试页面</title>
  <link rel="stylesheet" href="./dlg-search.css">
</head>
<body>
<input type="button" value="弹出对话框" id='popup'/>
<!--
<div class="notepad-dlg-search">
  <div class="dlalogbox">

    <div class="titlebar">
      <p class="title">查找</p>
      <span class="close-btn"> ✖   </span>
    </div>

    <div class="main">
    <div class="main-left">
      <label for="" class='search-text'>查找内容(N)：</label>
      <input type="text" class="search-content" autofocus>
      <br>
      <label  class="capital-sense"><input type="checkbox" value="capital-sense">区分大小写(C)</label>
      <legend class="direction">方向</legend>
      <label class="direction-up"><input type="radio" name="direction" value="up">向上(U)</label>
      <label class="direction-down"><input type="radio" name="direction" value="down" checked>向下(D)</label>
    </div>

    <div class="main-right">
      <input type="button" value="查找下一个(F)" class="btn-next">
      <input type="button" value="取消" class="btn-cancel">
    </div>

    <div class="bottombar">
      <label class='loop'><input type="checkbox" value="loop">循环(R)</label>
    </div>
    </div>
  </div>
</div>

-->

<script src="//apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="./dlg-search.js"></script>
<script>
  $(function(){
      var $btnDlg = $('#popup');
      
      $btnDlg.click(function(){
    
        $dlgSearch.show({
          container:'body',
          content:'test',
          onclick:function(){
            console.log('clicked');
          },
        });

      })
  })
</script>
</body>
</html>
